// 场景：在页面上生成一个前端技术书籍列表，就需要用到循环渲染
// 1、行内样式处理 - style={{color:'red',fontSize:'50px'}}
// 2、类名样式处理 - 需要使用 import '样式文件路径/样式文件名称.css'导入样式文件 ,title类在xxx.css文件中定义好
let islogin = false
let books = ["DOM编程艺术", "JS高级编程", "React实战"]
function App() {
  // if(islogin){
  //   return (<p>欢迎登陆</p>)
  // }else{
  //   return(<p>请登录</p>)
  // }

  // return(<div>{islogin ? <p>欢迎登陆</p> : <p>请登录</p>}</div>)

  return (
    // <ul style={{color:'red',fontSize:'50px'}}>
    <ul className="title">
      {books.map(book => (
        <li key={book}>{book}</li>
      ))}
    </ul>
  )
}
export default App;
